<template>
	<view>
		<cu-custom bgColor="bg-blue-light"title="请选择领域"></cu-custom>
		<view class="bg-blue-light" style="height: 150rpx;border-radius: 0 0 50rpx 50rpx;">
		</view>
		<view class="main">
			<view class="head">欢迎您提供拖欠农民工工资线索！</view>
			<view class="select">
				<radio-group class="block" @change="RadioChange">
					<view class="selectText" style="margin-top: 58rpx;">
						<radio class='blue radio' style="transform: scale(0.5)" 
						:class="radio=='notProject'?'checked':''" 
						:checked="radio=='notProject'?true:false" value="notProject"></radio>
						<label class="selectText">非工程建设领域拖欠农民工工资</label>
					</view>
					<view class="selectText" style="margin-top: 52rpx;">
						<radio class='blue radio' style="transform: scale(0.5)" 
						:class="radio=='project'?'checked':''" 
						:checked="radio=='project'?true:false" value="project"></radio>
						<label class="selectText">工程领域拖欠农民工工资</label>
					</view>
				</radio-group>
			</view>
		</view>
		<view class="up flex flex-direction" style="padding-top: 5rpx;">
			<button class="cu-btn shadow margin-tb-sm lg bg-blue-light"
			 style="background-color: #1388ED;" @tap="up">上一步</button>
		</view>
		<view class="button flex flex-direction" style="padding-top: 40rpx;">
			<button class="cu-btn shadow margin-tb-sm lg bg-blue-light"
			 style="background-color: #1388ED;" @tap="xiayibu">下一步</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				radio: 'notProject'
			}
		},
		methods: {
			RadioChange(e) {
				this.radio = e.detail.value
			},
			up:function(e){
				this.$Router.back(1);
			},
			xiayibu: function(e){
				if(this.radio=='notProject')
				{
					this.$Router.push({
						name: 'notProjectForm1'
					}); 
				}
				else{
					this.$Router.push({
						name: 'projectForm1'
					}); 
				}
			}
		}
		
	}
</script>

<style>
.main{
	background: #FFFFFF;
	border-radius: 20rpx;
	width: 690rpx;
	height: 383rpx;
	position: fixed;
	margin-left: 30rpx;
	margin-top: -150rpx;
}
.head{
	height: 90rpx;
	width: 690rpx;
	line-height: 90rpx;
	font-family: 'PingFangTC-Medium';
	font-size: 30rpx;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0;
	padding-left: 30rpx;
	border-bottom: 1px solid #DFDFDF;
}
.select{
	padding-left: 41rpx;
}
.selectText{
	font-family: 'PingFangSC-Regular';
	font-size: 30rpx;
	color: #333333;
	letter-spacing: 0;
	height: 42rpx;
	line-height: 42rpx;
}
.button{
	position: fixed;
	margin-left: 40rpx;
	margin-top: -10rpx;
	width: 670rpx;
}
.up{

	margin-left: 40rpx;
	margin-top: 307rpx;
	width: 670rpx;
}
</style>
